<?php $this->pageTitle=Yii::app()->name; ?>

<h1>欢迎尊贵的会员阁下光临： <i><?php echo CHtml::encode(Yii::app()->name); ?></i></h1>

<?php 
$this->beginWidget('zii.widgets.jui.CJuiDialog', array(
	'id'=>'mydialog',
// additional javascript options for the dialog plugin
	'options'=>array(
		'title'=>'Dialog box 1',
		'autoOpen'=>false,
		'modal'=>true,		
),
));

echo '兄弟，你中了一千万，请即刻请客！！';

$this->endWidget('zii.widgets.jui.CJuiDialog');

// the link that may open the dialog
echo CHtml::link('点击试试弹出对话框', '#', array(
	'onclick'=>'$("#mydialog").dialog("open"); return false;',
));


echo "<br><br>下面是一个进度条，请盯着它看1分钟。。。然后。。。你晕没有？哈哈<br><br>";

//you must have a animated gif
Yii::app()->clientScript->registerCss('xxx',
        '#yyy .ui-progressbar-value{
                background-image:url(images/pbar-ani.gif)
                }
        '); //must set .ui-progressbar-value in order to animate

$this->widget('zii.widgets.jui.CJuiProgressBar', array(
        'id' => 'yyy', 
        'value'=>80, //value in percent
        'htmlOptions'=>array(
                'style'=>'height:20px',
),
));

echo "<br><br>下面是一个被囚禁在框框里面的可怜虫，试着把它拖出框框<br><br>";

echo '<div id="xxx" style="width:260px;height:180px;border:1px solid #eee">';
$this->beginWidget('zii.widgets.jui.CJuiDraggable',
array(
                'options'=>array('containment'=>'#xxx'), //set who is the containment
                 'htmlOptions'=> array(
                         'style'=>'float:left;width:50px;height:50px;border:1px solid #000',
)
)
);

echo '可怜虫';

$this->endWidget();

echo '</div>';


echo "<br><br>选一个试试？<br><br>";

$this->widget('zii.widgets.jui.CJuiTabs', array(
	'tabs' => array(
		'选项0' => '看到我后面三个选项了没？',
		'选项1' => '你是个变态吧？',
		'选项2' => array('content' => '你绝对是个变态！！', 'id' => 'tab2'),
		'选项3' => '不用试了，你其实就是个变态，呵呵。',
// panel 3 contains the content rendered by a partial view
//		'AjaxTab' => array('ajax' => $this->createUrl('/AjaxModule/ajax/reqTest01')),
),
// additional javascript options for the tabs plugin
	'options' => array(
		'collapsible' => true,
),
));

echo "<br><br>把女人放到男人里面会怎么样呢？<br><br>";

//some draggable object
$this->beginWidget('zii.widgets.jui.CJuiDraggable',
array(
                'htmlOptions'=>array(
                        'style'=>'float:left;width:50px;height:50px;background:#FFEEEE;margin:10px;',
),
));
echo '女人';
$this->endWidget();

//some droppable object (dropzone)
$this->beginWidget('zii.widgets.jui.CJuiDroppable', array(
        'options'=>array(
                'drop'=>'js:function( event, ui ) {alert("只是女人在男人里面了而已，你思想不纯洁了吧!")}', //remember put js:
),
        'htmlOptions'=>array(
                'style'=>'float:left;width:100px;height:100px;background:#EEFFEE;margin:10px;',
)
));
echo '男人';

$this->endWidget();


?>
